@font-face {
	font-family: 'iconfont';
	src: url('../../fonts/iconfont.ttf') format('truetype');
}
html,body{
	width: 100%; height: 100%; overflow: hidden;
}
html,body,span,div,label{
	font-family: "Microsoft YaHei",SimSun,Arial,Helvetica,sans-serif; font-size: 14px;
	margin: 0px; padding: 0px; border: 0px;
}

/* 设置滚动条的样式 */
div::-webkit-scrollbar {
	width: 5px; height: 5px; 
	border-radius: 5px;
}
/* 滚动槽 */
div::-webkit-scrollbar-track {
	-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.2);
	background-color: #f7f7f7; border-radius: 2px; 
}
/* 滚动条滑块 */
div::-webkit-scrollbar-thumb {
    -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.2);
    background: #c7c7c7; border-radius: 2px; 
}

#app{
	width: 100%; height: 100%; overflow: hidden;
	box-sizing: border-box; padding: 0px 20px 0px 30px;
	overflow: hidden; overflow-y: auto; 
}
.app-filetree-node{
	width: 100%; height: 26px; line-height: 26px;
	display: flex; flex-flow: row nowrap;
	justify-content: space-between;
}
.app-filetree-node>span{
	height: 26px; line-height: 26px;
	display: inline-block;
}
.app-filetree-node>span:first-child{
	width: calc(100% - 405px); 
	overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.app-filetree-node>span:nth-child(2){
	width: 250px; text-align: right;
}
.app-filetree-node>span:last-child{
	width: 155px; text-align: right;
}
.app-filetree-node>span:nth-child(2)>span{
	height: 26px; line-height: 26px;
	display: inline-block;
	text-align: right;
}
.app-filetree-node>span:nth-child(2)>span:first-child{
	width: 100px;
}
.app-filetree-node>span:nth-child(2)>span:last-child{
	width: 150px;
}

.app-log-dialog{
	width: calc(100% - 60px) !important; height: calc(100% - 70px);
	margin-top: 30px !important;
	overflow: hidden;
}
.app-log-dialog .el-dialog__body {
	height: calc(100% - 105px);
	overflow: auto;
	box-sizing: border-box;
}
.app-log-dialog .el-dialog__footer{
	background-color: #ffffff;
}
.el-dialog__wrapper{
	overflow: hidden;
}